<template>
  <div>
    <Tree ref="treeComponent" :selected-node-id="nodeIdToHighlight" :keys="keys" />
    <button @click="goToTreePage">跳转到Tree页面并选中节点</button>
  </div>
</template>

<script>
import Tree from './Tree.vue'

export default {
  components: {
    Tree
  },
  data() {
    return {
      nodeIdToHighlight: '', // 要高亮的节点ID
      keys: []
    }
  },
  methods: {
    goToTreePage() {
      // 假设我们要根据某个逻辑来确定要选中的节点ID
      this.nodeIdToHighlight = '1-2-2' // 这里以'三级节点1-2-1'为例
      this.keys.push('1-2-2')
      // 这里可以是路由跳转逻辑，具体取决于你的路由设置

      // 调用子组件的方法来选中节点
      this.$refs.treeComponent.expandAndSelectNodeId(this.nodeIdToHighlight)
    }
  }
}
</script>
